/**
 * Created by Administrator on 2017/5/13.
 */
!(function () {
    var nameVerify = {
        init: function () {
            this.popup();
            this.addImgF();
            this.addImgZ();
            this.addImgS();
            this.delImg();
            this.submit();
        },
        popup: function () {
            $('#example').on('click', function () {
                $('.weui-gallery').fadeIn();
            })
        },
        addImgZ: function () {
            var f2 = document.querySelector('#add_userImga');
            f2.onchange = function (e) {
                lrz(this.files[0], {
                        width: 750
                    }).then(function (rst) {
                        var params = {
                            type: 2,
                            file: rst.base64,
                            name: rst.origin.name,
                            fileLength: rst.base64.length
                        };
                        $.ajax({
                            type: "POST",
                            url: API_URL + IMG_UPLOAD,
                            data: params,
                            dataType: "json",
                            beforeSend: function (XMLHttpRequest) {
                                // showLoader();
                            },
                            success: function (data) {
                                if (data.ok == true) {
                                    $('#imgs1').attr('style', 'background-image:url(' + data.result.smallUrl + ')');
                                    $('#imgs1').attr('data-id', data.result.id);
                                    $('#imgs1').show();
                                    if ($('#imgs1').attr('style')) {
                                        $('#filedZ').hide();
                                    } else {
                                        $('#filedZ').show();
                                    }
                                    $('#idImageId').val(data.result.id);
                                }
                            },
                            complete: function (XMLHttpRequest, textStatus) {
                                // hideLoader();
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                $.toptips("上传失败", 'info');
                            }
                        });
                        return rst;
                    })
                    .catch(function (err) {
                        $.toptips(err);
                    })
            }
        },
        addImgF: function () {
            var f2 = document.querySelector('#add_userImgb');
            f2.onchange = function (e) {
                lrz(this.files[0], {
                        width: 750
                    }).then(function (rst) {
                        var params = {
                            type: 2,
                            file: rst.base64,
                            name: rst.origin.name,
                            fileLength: rst.base64.length
                        };
                        $.ajax({
                            type: "POST",
                            url: API_URL + IMG_UPLOAD,
                            data: params,
                            dataType: "json",
                            beforeSend: function (XMLHttpRequest) {
                                // showLoader();
                            },
                            success: function (data) {
                                if (data.ok == true) {
                                    $('#imgs2').attr('style', 'background-image:url(' + data.result.smallUrl + ')');
                                    $('#imgs2').attr('data-id', data.result.id);
                                    $('#imgs2').show();
                                    if ($('#imgs2').attr('style')) {
                                        $('#filedF').hide();
                                    } else {
                                        $('#filedF').show();
                                    }
                                    $('#idOtherImageId').val(data.result.id);
                                }
                            },
                            complete: function (XMLHttpRequest, textStatus) {
                                // hideLoader();
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                $.toptips("上传失败", 'info');
                            }
                        });
                        return rst;
                    })
                    .catch(function (err) {
                        $.toptips(err, 'info');
                    })
            }
        },
        addImgS: function () {
            var f2 = document.querySelector('#add_userImgc');
            f2.onchange = function (e) {
                lrz(this.files[0], {
                        width: 750
                    }).then(function (rst) {
                        var params = {
                            type: 2,
                            file: rst.base64,
                            name: rst.origin.name,
                            fileLength: rst.base64.length
                        };
                        $.ajax({
                            type: "POST",
                            url: API_URL + IMG_UPLOAD,
                            data: params,
                            dataType: "json",
                            beforeSend: function (XMLHttpRequest) {
                                // showLoader();
                            },
                            success: function (data) {
                                if (data.ok == true) {
                                    $('#imgs3').attr('style', 'background-image:url(' + data.result.smallUrl + ')');
                                    $('#imgs3').attr('data-id', data.result.id);
                                    $('#imgs3').show();
                                    if ($('#imgs3').attr('style')) {
                                        $('#filedS').hide();
                                    } else {
                                        $('#filedS').show();
                                    }
                                    $('#idPersonImageId').val(data.result.id);
                                }
                            },
                            complete: function (XMLHttpRequest, textStatus) {
                                // hideLoader();
                            },
                            error: function (XMLHttpRequest, textStatus, errorThrown) {
                                $.toptips("上传失败", 'info');
                            }
                        });
                        return rst;
                    })
                    .catch(function (err) {
                        $.toptips(err, 'info');
                    })
            }
        },
        verifySubmit: function () {
            var trueName = $('#trueName').val();
            var idNumber = $('#idNumber').val();
            var idImageId = $('#idImageId').val();
            var idOtherImageId = $('#idOtherImageId').val();
            var idPersonImageId = $('#idPersonImageId').val();
            if (trueName == '') {
                $.toptips("请输入真实姓名!", 'info');
                return false;
            }
            if (idNumber == '') {
                $.toptips("请输入身份证号码!", 'info');
                return false;
            }
            if (idImageId == '') {
                $.toptips("请上传身份证正面照!", 'info');
                return false;
            }
            if (idOtherImageId == '') {
                $.toptips("请上传身份证反面照!", 'info');
                return false;
            }
            if (idPersonImageId == '') {
                $.toptips("请上传手持身份证照!", 'info');
                return false;
            }
            return true;
        },
        delImg: function () {
            var img1 = $('#imgs1'),
                img2 = $('#img2');
            $('#imgs1').delegate('.icon-img-del', 'click', function () {
                $(this).closest('li').remove();
                $.confirm('您确定删除吗？', '确认删除？', function () {
                    $(this).removeAttr('style');
                    $('#imageIds').val('');
                    if (!img1.attr('style')) {
                        $('#filedZ').show();
                    } else {
                        $('#filedZ').hide();
                    }
                }, function () {
                    $.toast('取消操作', 'cancel');
                })
            });
            $('#imgs2').delegate('.icon-img-del', 'click', function () {
                $(this).closest('li').remove();
                $.confirm('您确定删除吗？', '确认删除？', function () {
                    img2.removeAttr('style');
                    $('#idOtherImageId').val('');
                    if (!img2.attr('style')) {
                        $('#filedF').show();
                    }
                }, function () {
                    $.toast('取消操作', 'cancel');
                })
            });
        },
        submit: function () {
            var self = this;
            var $form = $("#formNameVerify");
            $form.form();
            if (self.verifySubmit) {
                $("#formSubmitBtn").on('click', function () {
                    var trueName = $('#trueName').val();
                    var idNumber = $('#idNumber').val();
                    var idImageId = $('#idImageId').val();
                    var idOtherImageId = $('#idOtherImageId').val();
                    var idPersonImageId = $('#idPersonImageId').val();
                    var param = {
                        userId: $.fn.cookie('userId'),
                        trueName: trueName,
                        idNumber: idNumber,
                        idImageId: idImageId,
                        idOtherImageId: idOtherImageId,
                        idPersonImageId: idPersonImageId
                    };

                    $form.validate(function (error) {
                        if (error) {
                            $.toptips(error.msg);
                        } else {
                            $.ajax({
                                url: API_URL + ID_VERIFY_URL,
                                type: 'post',
                                dataType: 'jsonp',
                                data: param,
                                success: function (data) {
                                    if (data.ok == true) {
                                        $.alert("我们会尽快审核，谢谢您的配合!",function(){
                                            window.location.href="set.html";
                                        });

                                    } else {
                                        $.toptips(data.msg, 'info');
                                    }
                                },
                                error: function (data) {
                                    $.toptips(data.msg, 'info');
                                }
                            })

                        }
                    });

                })
            }
        }
    };
    $(function () {
        nameVerify.init();
    })
})(Zepto);